html,
body,
ul,
li,
dl,
dt,
dd,
p,
figure,
figcaption,
h1,
h2,
h3,
img,
input,
form,
p,
figure {
  margin: 0;
  padding: 0; }

ul {
  list-style: none; }

a {
  text-decoration: none; }

h1 {
  font-weight: normal; }

html, body {
  height: 100%; }

body {
  display: flex;
  flex-direction: column; }

header {
  height: 1.3rem;
  width: 100%;
  font-size: 0.2rem;
  text-align: center;
  position: relative;
  line-height: 1.5rem;
  margin: 0 0.13rem; }
  header .iconfont {
    font-size: 0.4rem;
    position: absolute;
    left: 0;
    top: 0; }

section {
  flex: 1;
  overflow: auto;
  font-size: 0.3rem; }
  section nav {
    height: 0.5rem; }
    section nav ul {
      display: flex;
      justify-content: space-around; }
      section nav ul li {
        position: relative; }
        section nav ul li:hover span {
          opacity: 1; }
        section nav ul li span {
          width: 100%;
          height: 0.05rem;
          border-radius: 0.4rem;
          display: block;
          background: #fed946;
          position: absolute;
          bottom: -0.15rem;
          left: 0;
          opacity: 0; }
  section div {
    height: 3.26rem;
    margin: 0.3rem 0.24rem 0;
    background: #ccc;
    display: none; }
    section div img {
      height: 3.26rem;
      width: 100%; }
